
    <script type="text/x-template" id="Home">
 

       <!----- <router-view></router-view>  --->

<div class="info-form" :style="InfoFormStyle">
<% include loading.ejs%>
    <b-carousel
    id="carousel-1"
    v-model="Carousel.slide"
    :interval="8000"
    :class="Carousel.ClassName"
     fade
    indicators
    background="#ababab"
    :img-width="Carousel.width"
    :img-height="Carousel.height"
    style="text-shadow: 1px 1px 2px #333;"
    @sliding-start="onSlideStart"
    @sliding-end="onSlideEnd"
  >
    <!-- Text slides with image -->
    <a v-for="elm in Carousel.data" :href="'#content/'+elm.category+'/'+elm.id" >
    <b-carousel-slide  
      :text="elm.title"
      :img-src="'./~/Service/Images/'+elm.icon+'/'+Carousel.width+'x'+Carousel.height+'/j.png'"

 
    ></b-carousel-slide>

    </a>
 
    </b-carousel-slide>
  </b-carousel>
     <div class="Information-list" :style="List.style">
        <b-row>
            <b-col  sm="12"  md="6" lg="4" xl="3" v-for="elm in List.data">
              <% if(1==2){%>
<%include card.ejs%>
                    
                  <%}else{%>
 <%include media.ejs%>
                  <%} %>
              </b-col> 
        </b-row>
       </div> 
    </script>